<template>
	<div id="loginhi">
		<van-row>
			<van-col :span="2" :offset="1">
				<back></back>
			</van-col>
			<van-col :span="12" class="loginhileft">
				<p>Hi</p>
			<p>欢迎来到配件家族!</p>
			</van-col>
			<van-col :span="8" class="loginhiright">
				<van-icon name="service-o" />
			</van-col>
		</van-row>
	</div>
</template>

<script>
	import back from '@/components/back.vue'
	export default
	{
		components:
		{
			back
		}
	}
</script>

<style>
	#loginhi{
		width: 100%;
		height: 130px;
		margin-top: 30px;
	}
	.loginhileft{
		height: 100px;
		text-align: left;
		font-size: 1.875rem;
		font-weight: bold;
		padding-top: 15px;
	}
	.loginhiright{
		height: 100px;
		font-size: 1.25rem;
		text-align: right;
		padding-right: 5%;
		padding-top: 30px;
	}
</style>
